<section class="box" style="margin-top: 9px;">
  <header class="panel_header">
    <h2 class="title pull-left">{{'品牌类目销售占比'|translate}}</h2>
  </header>
  <div class="content-body">
    <div echarts [loading]="vm.loading" [data]="vm.data" [type]="vm.type" [column]="vm.column" class="chart-container" style="height: 406px;"></div>
  </div>
</section>
<mat-card>
  <mat-card-title class="clearfix">
    {{'品牌类目'|translate}}
    <b class="date pl5" *ngIf="vm.data.length>0">{{vm.data[0]['date'] | dateFormat}}</b>
    <a class='right' mat-raised-button color="primary" (click)="export()">{{'下载'|translate}}</a>
  </mat-card-title>
  <div class="divider"></div>
  <ngx-busy [busy]="offEvent"></ngx-busy>
  <table class="responsive-table bordered highlight">
    <thead>
      <tr>
        <th *ngFor="let column of columns;let $index = index" [innerHTML]="column |translate"> </th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let cat of vm.data;let $index = index;">
        <td [matTooltip]="cat.categoryName">{{cat.categoryName | categoryName}}</td>
        <td><span class="tm-yen">¥</span>{{cat.sellMoney | number:'1.0-2'}}</td>
        <td>{{cat.sellAmount | number:'1.0-0'}}</td>
        <td><span class="tm-yen">¥</span>{{cat.monthSellMoney | number:'1.0-2'}}</td>
        <td>{{cat.monthSellAmount | number:'1.0-0'}}</td>
        <td>{{cat.shopNum | number:'1.0-0'}}</td>
        <td>{{cat.productNum | number:'1.0-0'}}</td>
      </tr>
      <tr>
          <td><b>合计</b></td>
          <td><b><span class="tm-yen">¥</span>{{sellResulet.sellMoney | number:'1.0-2'}}</b></td>
          <td><b>{{sellResulet.sellAmount | number:'1.0-0'}}</b></td>
          <td><b><span class="tm-yen">¥</span>{{sellResulet.monthSellMoney | number:'1.0-2'}}</b></td>
          <td><b>{{sellResulet.monthSellAmount | number:'1.0-0'}}</b></td>
          <td></td>
          <td></td>
        </tr>
      <tr *ngIf="vm.data.length ==0">
        <td colspan="10" class="center-align">{{'暂无数据'|translate}}</td>
      </tr>
    </tbody>
  </table>
</mat-card>
